<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>明天</title>
</head>
<body>
<h1>静夜思</h1><!--独占一行-->
<h2>李白</h2>
<h6>思啊思故乡</h6>
<h7>低头思故乡</h7>
<h7>低头思故乡2</h7>
<p><!--独占一行-->
    HTML 有能力让事件触发浏览器中的动作，例如当用户单击元素时启动 JavaScript。
    如需了解有关编程事件的更多信息，请访问我们的 JavaScript 教程。
    以下是可添加到 HTML 元素以定义事件操作的全局事件属性。
</p>
<hr><!--分割线标签-->
<span>Java应用程序</span><!--不会独占一行-->
<br/>
<span>JavaWeb应用程序</span>
<!--font字体标签  属性设置字体的样式 不读占一行-->
<font size="20px" color="yellow" face="宋体">学习</font><!--设置文本的大小颜色等信息,不会独占一行-->

<b style="size: 17px">我正在学习HTML</b><!--粗体标签，不独占-->
<strong style="color: blue">我在学习HTML</strong>
<i style="font-family: 'Wingdings 2'">我在学习HTML</i><!--斜体标签，不独占-->
<!--显示图片的标签,不会独占一行
src属性:路径,注意路径问题
alt属性:图片无法显示的时候显示的文字
width属性:设置宽,可以使像素值,也可以是百分比
height属性:设置高,可以使像素值,也可以是百分比
title属性:鼠标移上去后显示名字
我们一般会将所有图片都存放在img文件夹下便于管
理
-->
<img src="../../../imgs/2496af300d3afe5794e7863894474380.png" alt="图片出错" title="这是我的图" height="400px">

<!--超链接标签,不会独占一行
href属性,指定点击后跳转的路径(url),如果需要点击后
没有反应,需要写为: javascript:void(0)
target属性:指定跳转模式,_blank表示新建窗口,_self表
示当前页,默认是_self-->
<a href="https://www.baidu.com/">
百度一下吧
</a>
<br>
智游集团开设的专业
<ol type="i">
    <li>Java大数据</li>
    <li>WEB大前端</li>
    <li>机器视觉</li>
    <li>虚幻引擎</li>
</ol>
<ul>
    <li>河南大学</li>
    <li>郑州大学</li>
    <li>河南电子科技大学</li>
</ul>

<!--iframe 内联框架标签
    iframe 可以完整地包含一个页面的内容
    name:设置iframe标签的名称  可以关联a标签，通过a标签的target属性标记
    height weight
    framebo               1
-->
</body>
</html>